<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>原生的Ajax使用</title>
    <script>
        //XMLHttpRequest 这个对象可以以异步的方式发送请求

        //实例化XMLHttpRequest
       var xhq = new XMLHttpRequest;

       /*
          发送一个请求
          1、get方式发送请求，传参时需要将参数放到URL后面，格式为：?key=val&key1=val1
          2、post方式发送请求，传参时需要将参数放到xhq.send()中，格式为：key=val&key1=val1

           注意：post方式发送请求时，需要指定一个请求头，Content-Type
        */
       //可能根据需要发送一些参数
       xhq.open("get","01.php?name=zhangsan&age=10");

       //发送
        xhq.send();

        //监听状态，等待处理
        xhq.onreadystatechange = function(){
            if(xhq.readyState == 4 && xhq.status == 200) {
                console.log(xhq.responseText);
                document.querySelector("p").innerHTML = xhq.responseText;
            }
        }

    </script>
</head>
<body>
    <p></p>
</body>
</html>